//共用方法
@mixin wrap($w:1100px){
    width:$w;
    margin: 0 auto;
}
//高自适应
@mixin imgFix($width,$height){
    width:$width ;
    height:$height ;
    overflow: hidden;
    img{
        width: 100%;
        vertical-align: middle;
    }
}
//宽自适应
@mixin imgFix2($width,$height){
    width:$width ;
    height:$height ;
    overflow: hidden;
    text-align:center;
    img{
        height: 100%;
    }
}
//按钮
@mixin btn($w,$h,$bgColor:red,$color:white){
    display: inline-block;
    background: $bgColor;
    color:$color;
    height: $h;
    width: $w;
    line-height:$h;
    text-align: center;
}
//文字溢出处理
@mixin textOverflow{
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
//单行文本居中
@mixin textCenter($width,$height){
    width: $width;
    height: $height;
    line-height: $height;
    text-align: center;
}
//线
@mixin line1($w,$h,$color:$borderColor){
    width: $w;
    height: $h;
    background: $color;
}
//自定义下拉框
@mixin inputSelector($w:171px,$h:42px,$lw:115px){
    width: $w;
    height: $h;
    box-sizing: border-box;
    border: 1px solid $borderColor;
    display: flex;
    padding-left:14px;
    box-sizing: border-box;
    margin-right: 14px;
    p{
        width: $lw;
        border-right: 1px solid $borderColor;
    }
    span{
        width: 38px;
        height: 100%;
        position: relative;
        i{
            display: inline-block;
            width: 11px;
            height: 6px    ;
            background: url(../img/selector.png) no-repeat 0 0/100% 100%;
            position: absolute;
            top:0;
            right:0;
            bottom: 0;
            left: 0;
            margin: auto;
        }
    }
}
//图片icon
@mixin picIcon($w,$h){
    display:block;
    width: $w;
    height: $h;
    position: absolute;
}
//共用变量
$aColor1:#444f58; //头部链接颜色
$aColor2:white;
$aChooes:red;
$aHover:red;
$footerBg:#eb413d;
$borderColor:#dfdfdf;
$fontColor:#444f58;

.dot{
    display: inline-block;
    height: 4px;
    width: 4px;
    background: white;
    border-radius: 50%;
    margin-right: 6px;
    vertical-align: middle;
}